<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
<title>深圳证券通信有限公司-</title>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">

<!-- 方法1：禁用缩放（最有效） -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

<!-- 或只禁用双击缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="/template/1/default/static/images/base/favicon.ico" rel="shortcut icon"
	type="image/x-icon" />
<script src="/template/1/default/static/js/jquery-3.7.0.min.js"></script>
<script src="/template/1/default/static/js/css-vars-ponyfill.min.js"></script>
<script src="/template/1/default/static/js/changeSkinColor.js"></script>
<script src="/template/1/default/static/js/vue.min.js"></script>

<!-- <script src="/template/1/default/static/js/axios.min.js"></script> -->
<!-- <script src="/template/1/default/static/js/base.js"></script> -->
<script src="/template/1/default/static/js/anim.js"></script><!-- 动画 -->
<link rel="stylesheet" href="/template/1/default/static/css/element-ui.css" />
<link rel="stylesheet" href="/template/1/default/static/css/base.css" />
<link rel="stylesheet" href="/template/1/default/static/css/product.css" />
<link rel="stylesheet" href="/template/1/default/static/css/index.css" />
<link rel="stylesheet" href="/template/1/default/static/css/media.css" />
<link rel="stylesheet" href="/template/1/default/static/css/news-dynamic-state.css" />
<link rel="stylesheet" href="/template/1/default/static/css/news-details.css" />

<link rel="stylesheet" href="/template/1/default/static/css/member-service.css" />
<link rel="stylesheet" href="/template/1/default/static/css/corporation-listing.css" />

<link rel="stylesheet" href="/template/1/default/static/css/information-disclosure.css" />
<link rel="stylesheet" href="/template/1/default/static/css/party-building.css" />
<link rel="stylesheet" href="/template/1/default/static/css/about-us.css" />
<link rel="stylesheet" href="/template/1/default/static/css/theme.css" />
<script src="/template/1/default/static/js/swiper.min.js"></script>
<link rel="stylesheet" href="/template/1/default/static/css/swiper.min.css" />
<script src="/template/1/default/static/js/vue-awesome-swiper.js"></script>

<link rel="stylesheet" href="/template/1/default/static/css/animate.min.css">
<script src="/template/1/default/static/js/wow.min.js"></script>
<script type="text/javascript">
    Vue.use(window.VueAwesomeSwiper)
    new WOW().init();
</script>
<script src="/template/1/default/static/js/element-ui.js"></script>
<!-- <script src="/template/1/default/static/js/echarts.min.js"></script> -->
<!-- <script src="/template/1/default/static/js/map/js/province/heilongjiang.js"></script> -->
<script src="/template/1/default/static/js/common.js"></script><!-- vue mixins:[commonCtr], -->
<!-- <title>深圳证券通信有限公司</title> -->
<script src="/template/1/default/static/js/imgLazy.js"></script>
</head>
<body>

<style>
  
  .nav-contactUs{
      margin-left: 17px;
      border-bottom: #0060C5 2px solid;
  }
  .nav-contactUs a{
    color: #0060C5;
  }
  /* PC端 */
  @media screen and (min-width: 1280px) {
    .header-H5 {
      display: none;
    }

    .header-PC {
      display: block;
    }

    .header {
      width: 100%;
      position: fixed;
      top: 0;
      background-color: #fff;
      z-index: 99999;
    }

    .header .header-search {
      height: 134px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .header .header-search .header-search-left {
      height: 60px;
      font-size: 26px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #282828;
      display: flex;
      box-sizing: border-box;
      align-items: center;
    }

    .header .header-search .header-search-left>a {
      height: 100%;
      display: flex;
      align-items: center;
    }

    .header .header-search .header-search-left img {
      width: auto;
    }

    .header .header-search .header-search-left .header-name {
      margin-left: 20px;
      padding-left: 20px;
      border-left: 1px #C2C8D3 solid;
      color: #1D2129;
      font-weight: normal;
      font-size: 18px;
      line-height: 34px;
      width: 280px;
      font-family: Microsoft YaHei;
    }

    .header .header-search .header-search-right {
      display: flex;
      align-items: center;
    }

    .header .header-search .search_con {
      margin: 0;
      position: relative;
    }

    .header-search-right .search_con .input1 {
      width: 400px;
      height: 50px;
      box-sizing: border-box;
      padding-right: 41px;
      line-height: 50px;
      border-radius: 4px;
      background: #FFFFFF;
      border: 1px solid #F0F0F0;
    }

    .header-search-right .bnt1 {
      position: absolute;
      top: 15px;
      right: 14px;
      cursor: pointer;
    }

    .header .header-search .header-search-right .header-search-right-input {
      margin-right: 26px;
    }

    .header .header-search .header-search-right .header-search-right-btn {
      margin-right: 14px;
    }

    .header .header-search .header-search-right .header-search-right-btn .el-button--text {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #005fc9;
    }

    .header .header-search .header-search-right .header-search-right-btn2 .el-button--text {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #a3a3a3;
    }

    .header .header-search .header-search-right .header-search-right-line {
      width: 1px;
      height: 15px;
      background: #506eb2;
      opacity: 0.2;
      margin-right: 16px;
    }

    .header .header-nav {
      width: 100%;
      height: 60px;
      position: relative;
      background-color: #162e64;

    }

    .header .header-nav .header-nav-list {
      height: 100%;
      display: flex;
      justify-content: space-between;
    }

    .header .second-menu ul .second-menu-item:hover,
    .header .second-menu ul .second-menu-item.active {
      background: rgba(243, 249, 255, 0.7);

    }

    .second-menu ul .second-menu-item>.item:hover,
    .second-menu ul .second-menu-item.active>.item {
      color: #0060c5;
    }

    .header .header-nav .header-nav-list .header-nav-list-item {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      white-space: nowrap;
      cursor: pointer;
    }

    .header .header-nav .header-nav-list .header-nav-list-item>a {
      height: 100%;
      font-size: 20px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 50px;
      display: block;
      padding: 5px 65px;
    }

    .header .header-nav .header-nav-list .nav-is-active>a {
      position: relative;
      color: #ffffff;
    }

    .header .header-nav .header-nav-list .nav-is-noactive>a {
      color: #d0dee0;
    }

    .header .header-nav .header-nav-list .nav-is-noactive:hover>a {
      color: #ffffff !important;
      text-decoration: none;
    }

    .header-nav-list-item:hover {
      background: #0060c5;
      color: #fff;
    }

    .header .header-nav .header-nav-list .header-nav-list-item .second-menu {
      display: none;
      max-width: 210px;
      text-align: center;
      position: absolute;
      top: 60px;
      right: 0px;
      background-color: #fff;
      padding: 15px 0;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
      border-radius: 0 0 4px 4px;
    }

    .header .header-nav .header-nav-list .header-nav-list-item:hover .second-menu {
      display: block;
    }

    .header .header-nav-list .header-nav-list-item .second-menu .common-width1320>ul {}

    .second-menu ul .second-menu-item {
      width: 210px;

    }

    .second-menu ul .second-menu-item:nth-child(7n) {
      margin-right: 0rem;
    }

    .second-menu ul .second-menu-item>.item {
      position: relative;
      font-size: 16px;
      color: #4a5468;
      line-height: 54px;
      font-weight: 400;
      display: block;
      width: 100%;
    }

    .second-menu ul .second-menu-item .item:hover {
      color: #0060c5;
      text-decoration: none;
    }

    .second-menu ul .second-menu-item>.item-other:hover:before {
      background-color: #0060c5;
    }

    .second-menu ul .second-menu-item .menu-have-third:hover {
      color: #4a5468 !important;
      cursor: unset;
    }

    .second-menu ul .second-menu-item .third-menu-item a {
      display: inline-block;
      margin-top: 0.12rem;
      color: #4a5468;
      line-height: 11px;

    }
  }

  /* 移动端 */
  @media screen and (max-width: 1279px) {
    .el-dropdown-menu__item, .el-menu-item ,.el-submenu__title{
      font-size: 16px;
    }
    form .bnt1 ,.header-search-right .bnt1{
      margin-right: 20px;
      height: 34px;
      display: flex;
      align-items: center;
    }

    .header-search-left a {
      height: 34px;
      display: flex;
      align-items: center;
    }

    .el-menu-vertical-demo {
      position: absolute;
      z-index: 2;
    }

    .header-PC {
      display: none;
    }

    .header-H5 {
      display: block;
      position: relative;
      z-index: 9;
    }

    .header-search-right {
      display: flex;
    }

    .el-menu {
      width: 100% !important;
    }

    .el-menu-item,
    .el-submenu__title {
      height: 50px;
      line-height: 50px;
    }

    .el-submenu .el-menu-item {
      height: 50px;
      line-height: 50px;
    }

    .el-menu-item span {
      color: rgb(255, 255, 255, 0.8) !important;
    }

    .header-search-left img {
      width: 187px;
    }

    .header-search {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px;
      position: relative;
      top: 2px;
    }
  }
</style>
    <div id="appNav">
      <div class="header header-PC">
        <div class="header-search common-width1320">
          <div class="header-search-left">
            <a href="/">
              <!-- <div class="header-logo"> -->
              <img class="lazy" data-src="/upload/1/appLogo/1753945783542.png" />
              <!-- </div> -->
            </a>
            <div class="header-name">
              <!-- 深圳证券通信有限公司 -->
              <a href="http://www.szse.cn/" target="_blank">深圳证券交易所集团成员</a>
            </div>
          </div>
          <div class="header-search-right">
            <!-- <form name="formsearch" action="/mcms/search.do" method="post" target="_blank" class="search_con">
              <input type="text" name="content_title" id="q" class="input1" placeholder="请输入关键字" value="" />
              <button type="submit" class="bnt1" value=""><img
                class="lazy" data-src="/template/1/default/static/images/icon/searchIcon.svg" alt=""></button>
            </form> -->
            <div class="nav-contactUs">
                <a class="item menu" href="/html/web/aboutUs/contactUs/index.html">
                  服务支持
                </a>
              </div>
          </div>
        </div>
        <div class="header-nav">
          <div class="common-width1320">

            <ul class="header-nav-list">


                <li
                  class="header-nav-list-item nav-is-active">

                    <a class="item menu" href="/html/web/index.html">
                      首页
                    </a>
                </li>

                  <!-- 二级导航 -->
                  <li
                    class="header-nav-list-item nav-is-noactive">

                            <a class="item menu" href="/html/web/partybuild/index.html">
                              党的建设
                          </a>
                          <div class="second-menu">
                            <div>

                              <ul class="">

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/partybuild/partySprit/index.html">
                                          中央精神
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/partybuild/kycp/index.html">
                                          党政要闻
                                        </a>
                                </li>
                              </ul>
                            </div>

                          </div>
                  </li>

                  <!-- 二级导航 -->
                  <li
                    class="header-nav-list-item nav-is-noactive">

                                <a class="item menu" href="/html/web/news/companyNotice/index.html">
                                  通知公告
                          </a>
                          <div class="second-menu">
                            <div>

                              <ul class="">

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/news/companyNotice/index.html">
                                          测试通知
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/news/serviceInform/index.html">
                                          服务保障通知
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/news/feeInform/index.html">
                                          业务公告
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/news/caigou01/index.html">
                                          采购信息
                                        </a>
                                </li>
                              </ul>
                            </div>

                          </div>
                  </li>

                  <!-- 二级导航 -->
                  <li
                    class="header-nav-list-item nav-is-noactive">

                                <a class="item menu" href="/html/web/newsPage/industryDynamic/index.html">
                                  新闻资讯
                          </a>
                          <div class="second-menu">
                            <div>

                              <ul class="">

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/newsPage/industryDynamic/index.html">
                                          行业动态
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/newsPage/companyNews/index.html">
                                          公司新闻
                                        </a>
                                </li>
                              </ul>
                            </div>

                          </div>
                  </li>

                  <!-- 二级导航 -->
                  <li
                    class="header-nav-list-item nav-is-noactive">

                                <a class="item menu" href="/html/web/product/tradeSettlement/index.html">
                                  业务介绍
                          </a>
                          <div class="second-menu">
                            <div>

                              <ul class="">

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/product/tradeSettlement/index.html">
                                          交易结算通信业务
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/product/dataCenter/index.html">
                                          数据中心业务
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/product/fdep/index.html">
                                          金融数据交换业务
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/product/ssccCloud/index.html">
                                          深证云业务
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/product/crossBorder/index.html">
                                          跨境业务
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/product/fintech/index.html">
                                          金融科技创新业务
                                        </a>
                                </li>
                              </ul>
                            </div>

                          </div>
                  </li>

                  <!-- 二级导航 -->
                  <li
                    class="header-nav-list-item nav-is-noactive">

                                <a class="item menu" href="/html/web/aboutUs/gongsigaikuang/index.html">
                                  关于我们
                          </a>
                          <div class="second-menu">
                            <div>

                              <ul class="">

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/aboutUs/gongsigaikuang/index.html">
                                          公司概况
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                  
                                      <!-- 外链接 -->
                                      <a class="item menu item-other" target="_blank" href="https://sscc.zhiye.com/">
                                        人才招聘
                                      </a>
                                     
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                        <a class="item menu item-other" target="_self" href="/html/web/aboutUs/contactUs/index.html">
                                          联系我们
                                        </a>
                                </li>

                                
                                <li
                                  class="second-menu-item noactive">
                                  
                                      <!-- 外链接 -->
                                      <a class="item menu item-other" target="_blank" href="https://wj.qq.com/s2/15093398/69bd/">
                                        需求反馈
                                      </a>
                                     
                                </li>

                              </ul>
                            </div>

                          </div>
                  </li>
            </ul>
          </div>
        </div>
      </div>

      <div class="header-H5">
        <div class="header-search pd15">
          <div class="header-search-left">
            <a href="/">
              <img class="lazy" data-src="/template/1/default/static/images/icon/logo.svg" />
            </a>
          </div>
          <div class="header-search-right">

            <!-- <form name="formsearch" action="/mcms/search.do" method="post" target="_blank">
              <button style="margin-right: 20px;" type="submit" class="bnt1" value=""><img
                  src="/template/1/default/static/images/icon/search.svg" alt=""></button>
            </form> -->
            <button id="menu-icon-btn" style="margin-right:0" @click="showMenu=!showMenu"  class="bnt1" value=""><img id="menu-icon"
              class="lazy" data-src="/template/1/default/static/images/icon/menu.svg" alt=""></button>

          </div>
        </div>
        <el-menu v-click-outside="hideMenu" v-show="showMenu" background-color="#1d2944" text-color="#fff" active-text-color="#0060c5"
          default-active="2" class="el-menu-vertical-demo">
            <!-- 首页 -->
            <el-menu-item @click="handleSelect('首页','/html/web/shouye/index.html')">
              <span style="color: #fff !important;">首页</span>
            </el-menu-item>

              <el-submenu index="1666653706550321152">
                <template slot="title">
                  <span style="color: #fff !important;">党的建设</span>
                </template>
                   <el-menu-item @click="handleSelect('中央精神','/html/web/partybuild/partySprit/index.html')"
                index="1329316146811314177"> <span>中央精神</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('党政要闻','/html/web/partybuild/kycp/index.html')"
                index="1666653706550321156"> <span>党政要闻</span></el-menu-item>
               
              </el-submenu>

              <el-submenu index="1666653706550321153">
                <template slot="title">
                  <span style="color: #fff !important;">通知公告</span>
                </template>
                   <el-menu-item @click="handleSelect('测试通知','/html/web/news/companyNotice/index.html')"
                index="1943477324723625985"> <span>测试通知</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('服务保障通知','/html/web/news/serviceInform/index.html')"
                index="1997842830228901889"> <span>服务保障通知</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('业务公告','/html/web/news/feeInform/index.html')"
                index="1997842997350944769"> <span>业务公告</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('采购信息','/html/web/news/caigou01/index.html')"
                index="1943477570660835329"> <span>采购信息</span></el-menu-item>
               
              </el-submenu>

              <el-submenu index="1943195405888888834">
                <template slot="title">
                  <span style="color: #fff !important;">新闻资讯</span>
                </template>
                   <el-menu-item @click="handleSelect('行业动态','/html/web/newsPage/industryDynamic/index.html')"
                index="1943233705949372417"> <span>行业动态</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('公司新闻','/html/web/newsPage/companyNews/index.html')"
                index="1943235944336171009"> <span>公司新闻</span></el-menu-item>
               
              </el-submenu>

              <el-submenu index="1919942166745817090">
                <template slot="title">
                  <span style="color: #fff !important;">业务介绍</span>
                </template>
                   <el-menu-item @click="handleSelect('交易结算通信业务','/html/web/product/tradeSettlement/index.html')"
                index="1919942694863216641"> <span>交易结算通信业务</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('数据中心业务','/html/web/product/dataCenter/index.html')"
                index="1919942764060844033"> <span>数据中心业务</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('金融数据交换业务','/html/web/product/fdep/index.html')"
                index="1919942883527204865"> <span>金融数据交换业务</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('深证云业务','/html/web/product/ssccCloud/index.html')"
                index="1919942825029246978"> <span>深证云业务</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('跨境业务','/html/web/product/crossBorder/index.html')"
                index="1997856731188350978"> <span>跨境业务</span></el-menu-item>
               
                   <el-menu-item @click="handleSelect('金融科技创新业务','/html/web/product/fintech/index.html')"
                index="1919942930113339393"> <span>金融科技创新业务</span></el-menu-item>
               
              </el-submenu>

              <el-submenu index="1666653706550321154">
                <template slot="title">
                  <span style="color: #fff !important;">关于我们</span>
                </template>
                   <el-menu-item @click="handleSelect('公司概况','/html/web/aboutUs/gongsigaikuang/index.html')"
                index="1945293454018715649"> <span>公司概况</span></el-menu-item>
               
                  <!-- 外链接 -->
                  <el-menu-item @click="handleSelect('人才招聘','https://sscc.zhiye.com/')"
                  index="1919944145098350593"> <span>人才招聘</span></el-menu-item>                
               
                   <el-menu-item @click="handleSelect('联系我们','/html/web/aboutUs/contactUs/index.html')"
                index="1947110927181389825"> <span>联系我们</span></el-menu-item>
               
                  <!-- 外链接 -->
                  <el-menu-item @click="handleSelect('需求反馈','https://wj.qq.com/s2/15093398/69bd/')"
                  index="1948662455901937666"> <span>需求反馈</span></el-menu-item>                
               
                  <!-- 外链接 -->
                  <el-menu-item @click="handleSelect('帮助中心','https://sscc.baklib.vip')"
                  index="1965695943313883138"> <span>帮助中心</span></el-menu-item>                
               
              </el-submenu>

        </el-menu>
      </div>
    </div>

    <script>
        // 自定义指令：点击外部隐藏元素
        Vue.directive('click-outside', {
            bind: function (el, binding, vnode) {
                el.clickOutsideEvent = function (event) {
                    // 检查点击是否发生在元素外部
                    if (!(el == event.target || el.contains(event.target)) && event.target.id!='menu-icon' && event.target.id!='menu-icon-btn') {
                        // 调用提供的方法
                        vnode.context[binding.expression](event);
                    }
                };
                // 添加事件监听器
                document.body.addEventListener('click', el.clickOutsideEvent);
            },
            unbind: function (el) {
                // 移除事件监听器
                document.body.removeEventListener('click', el.clickOutsideEvent);
            },
        });

      var app = new Vue({
        el: '#appNav',
        data: function () {
          return {
            showMenu: false
          }
        },
        created: function () {

        },
        mounted: function () {
          // 获取皮肤色值
          var changeSkinNavColor = window.localStorage.getItem("changeSkinNavColor");
          var changeSkinBrightColor = window.localStorage.getItem("changeSkinBrightColor");
          var type = changeSkinNavColor ? "" : "default";
          window.changeSkin(changeSkinNavColor, changeSkinBrightColor, type);
        },
        methods: {
          hideMenu: function (){
            this.showMenu=false
          },
          handleSelect: function (title, url) {
            window.open(url, '_self')
          },
          handleClose: function () {

          }
        },
      })
    </script>


<div id="app" class="index" >
    <div class="show-PC">
    <!--轮播图-->
      <!-- 取首页下，第一个（轮播图）数据 -->
<div class="swiper-banner common-dialog-hidden" :style="{display:commonShow?'block':'none'}">
    <swiper ref="mySwiper" :options="swiperOptions">
            <swiper-slide :style="{dispaly:commonShow?'block':'none'}">
        <a>
          <img class="lazy" data-src="/upload/1/cms/content/1765162102085.jpg" />
          <div class="swiper-img-title"></div>
        </a>
      </swiper-slide>
      <swiper-slide :style="{dispaly:commonShow?'block':'none'}">
        <a>
          <img class="lazy" data-src="/upload/1/cms/content/1765524121052.jpg" />
          <div class="swiper-img-title"></div>
        </a>
      </swiper-slide>
      <swiper-slide :style="{dispaly:commonShow?'block':'none'}">
        <a>
          <img class="lazy" data-src="/upload/1/cms/content/1765528467762.jpg" />
          <div class="swiper-img-title">中国证券期货业南方信息技术中心</div>
        </a>
      </swiper-slide>
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
</div>      <!-- 取首页下，第一个（轮播图）数据 -->
      <!-- 取首页下，第一个（轮播图）数据 -->
      <!-- 取首页下，第一个（轮播图）数据 -->
      <!-- 取首页下，第一个（轮播图）数据 -->
      <!-- 取首页下，第一个（轮播图）数据 -->
    <!--轮播图end-->
      <!-- 专区、产品联盟 跳转 -->
      <div>
        <div class="jump-cards01 common-width1320 anim anim-1">
              <a href="https://biz.sscc.com/portal.html" target="_blank">
                <div class="jump-card">
                  <div class="title">用户服务专区</div>
                  <p>办业务、查进度、咨询帮助、高效便捷</p>
                  <div class="arrow"></div>
                </div>
              </a>
              <a href="http://sipa.sscc.com/index.html" target="_blank">
                <div class="jump-card">
                  <div class="title">深交所技术产品联盟</div>
                  <p>赋能行业 构建开放共享的技术生态</p>
                  <div class="arrow"></div>
                </div>
              </a>
              <a href="http://sipa.sscc.com/index.html#/ecologyIndex/blockchain" target="_blank">
                <div class="jump-card">
                  <div class="title">中国证券期货业区块链联盟</div>
                  <p>推动和规范行业区块链建设与发展</p>
                  <div class="arrow"></div>
                </div>
              </a>
        </div>
      </div>
      <!-- 专区、产品联盟 跳转end -->
      <!-- 业务介绍 -->
      <div class="jump-cards02-bg">
        <div class="anim anim-1">
          <div class="section-title">业务介绍</div>
          <!--
            排序：
            1.交易结算通信业务
            2.数据中心业务
            3.金融数据交换业务
            4.深证云业务
            5.跨境业务
            6.金融科技创新业务
          -->
          <div class="jump-cards02 common-width1320">
              <div class="cards-box">
                  <a href="/html/web/product/tradeSettlement/index.html" class="wow animate__animated animate__zoomIn">
                    <div class="card">
                      <img data-src="/upload/1/cms/category/1765161692224.jpg" alt="交易结算通信业务" class="card-img lazy">
                      <div class="card-overlay"></div>
                      <div class="card-content">
                          <h3 class="card-title">交易结算通信业务</h3>
                          <!-- <p class="card-desc">描述</p> -->
                          <div class="card-more">了解更多<div class="arrow"></div></div>
                      </div>
                    </div>
                  </a>
                  <a href="/html/web/product/dataCenter/index.html" class="wow animate__animated animate__zoomIn">
                    <div class="card">
                      <img data-src="/upload/1/cms/category/1765161638124.jpg" alt="数据中心业务" class="card-img lazy">
                      <div class="card-overlay"></div>
                      <div class="card-content">
                          <h3 class="card-title">数据中心业务</h3>
                          <!-- <p class="card-desc">描述</p> -->
                          <div class="card-more">了解更多<div class="arrow"></div></div>
                      </div>
                    </div>
                  </a>
                  <a href="/html/web/product/fdep/index.html" class="wow animate__animated animate__zoomIn">
                    <div class="card">
                      <img data-src="/upload/1/cms/category/1765161475625.jpg" alt="金融数据交换业务" class="card-img lazy">
                      <div class="card-overlay"></div>
                      <div class="card-content">
                          <h3 class="card-title">金融数据交换业务</h3>
                          <!-- <p class="card-desc">描述</p> -->
                          <div class="card-more">了解更多<div class="arrow"></div></div>
                      </div>
                    </div>
                  </a>
              </div>
              <div class="cards-box">
                  <a href="/html/web/product/ssccCloud/index.html" class="wow animate__animated animate__zoomIn">
                    <div class="card">
                      <img data-src="/upload/1/cms/category/1753411241527.jpg" alt="深证云业务" class="card-img lazy">
                      <div class="card-overlay"></div>
                      <div class="card-content">
                          <h3 class="card-title">深证云业务</h3>
                          <!-- <p class="card-desc">描述</p> -->
                          <div class="card-more">了解更多<div class="arrow"></div></div>
                      </div>
                    </div>
                  </a>
                  <a href="/html/web/product/crossBorder/index.html" class="wow animate__animated animate__zoomIn">
                    <div class="card">
                      <img data-src="/upload/1/cms/category/1765161341148.jpg" alt="跨境业务" class="card-img lazy">
                      <div class="card-overlay"></div>
                      <div class="card-content">
                          <h3 class="card-title">跨境业务</h3>
                          <!-- <p class="card-desc">描述</p> -->
                          <div class="card-more">了解更多<div class="arrow"></div></div>
                      </div>
                    </div>
                  </a>
                  <a href="/html/web/product/fintech/index.html" class="wow animate__animated animate__zoomIn">
                    <div class="card">
                      <img data-src="/upload/1/cms/category/1765161425701.jpg" alt="金融科技创新业务" class="card-img lazy">
                      <div class="card-overlay"></div>
                      <div class="card-content">
                          <h3 class="card-title">金融科技创新业务</h3>
                          <!-- <p class="card-desc">描述</p> -->
                          <div class="card-more">了解更多<div class="arrow"></div></div>
                      </div>
                    </div>
                  </a>
              </div>
          </div>
        </div>
      </div>
      <!-- 业务介绍end -->
      <!-- 公司新闻 -->
      <div class="company-news-bg">
        <div class="section-title anim anim-1">公司新闻</div>
        <div class="common-width1320 anim anim-1" style="margin-bottom: 10px;">
          <div class="view-more">
              <a href="/html/web/newsPage/companyNews/index.html"><span>更多</span><span class="arrow"></span></a>
          </div>
        </div>
        <div class="company-news common-width1320 anim anim-1">
          <!-- 左 图文 -->
          <div class="company-news-left anim anim-1">
            <a href="/html/web/newsPage/companyNews/1979017223433015298.html">
            <div class="news-img"><img class="lazy" data-src="/upload/1/cms/content/1760670077348.jpg" alt=""/></div>
            </a>
            <div class="company-news-list anim anim-1">
              <a href="/html/web/newsPage/companyNews/1979017223433015298.html">
              <div class="news-list-title">深港合作再添新篇 香港综合基金平台面向市场提供核心服务</div>
              <div class="news-list-desc">
                <div>        7月3日，港交所和深交所合作建设的香港综合基金平台推出订单传递功能，正式面向市场提供核心服务。这是深港两所合作促进香港基金...
</div>
                <div class="news-list-time">2025-07-04</div>
              </div>
              </a>
            </div>
          </div>
          <!-- 右 列表 -->
          <div class="company-news-right">
            <div class="company-news-list anim anim-1">
              <a href="/html/web/newsPage/companyNews/1980882004653821953.html">
              <div class="news-list-title">港交所行情服务加速落地 深证通携手行业机构助力深港资本市场互联互通</div>
              <div class="news-list-desc">
                <div>        为积极响应粤港澳大湾区建设战略，助力深港资本市场融合发展，深圳证券通信有限公司（简称“深证通”）联合港交所于2024年6月向内地用户推出港交所...
</div>
                <div class="news-list-time">2025-06-30</div>
              </div>
            </a>
            </div>
            <div class="company-news-list anim anim-1">
              <a href="/html/web/newsPage/companyNews/1980887282635952129.html">
              <div class="news-list-title">中国证券期货业南方信息技术中心二期项目数据中心正式投产</div>
              <div class="news-list-desc">
                <div>        在深交所党委的坚强领导下，在行业各界的支持关注中，中国证券期货业南方信息技术中心（以下简称南方信息技术中心）二期项目数据中心基础设施于2024...
</div>
                <div class="news-list-time">2025-01-06</div>
              </div>
            </a>
            </div>
            <div class="company-news-list anim anim-1">
              <a href="/html/web/newsPage/companyNews/1980887716599615489.html">
              <div class="news-list-title">中国证券期货业区块链联盟2024年第四季度交流会在深举办</div>
              <div class="news-list-desc">
                <div>        11月22日，主题为“链证未来˙共谋行业区块链生态新发展”的中国证券期货业区块链联盟（以下简称联盟）2024年第四季度交流会在深圳举办。会议旨...
</div>
                <div class="news-list-time">2024-11-22</div>
              </div>
            </a>
            </div>
          </div>
        </div>
      </div>
      <!-- 公司新闻end -->
      <!-- 通知公告、行业动态 -->
      <div class="list-boxs-bg">
        <div class="common-width1320 list-boxs">
            <div class="list-box wow animate__animated animate__bounceInLeft">
              <div class="list-box-title">  
                <div>通知公告</div>
                <div class="view-more">
                  <a href="/html/web/news/companyNotice/index.html"><span>更多</span><span class="arrow"></span></a>
                </div>
              </div>
              <div class="lists-tags">
                <div :class="['lists-tag',{'is-active':(activeId=='1943477324723625985')}]" @click="tagClick('1943477324723625985')">测试通知</div>
                <div :class="['lists-tag',{'is-active':(activeId=='1997842830228901889')}]" @click="tagClick('1997842830228901889')">服务保障通知</div>
                <div :class="['lists-tag',{'is-active':(activeId=='1997842997350944769')}]" @click="tagClick('1997842997350944769')">业务公告</div>
                <div :class="['lists-tag',{'is-active':(activeId=='1943477570660835329')}]" @click="tagClick('1943477570660835329')">采购信息</div>
              </div>
              <ol class="lists animate__animated animate__fadeIn" v-show="activeId=='1943477324723625985'">
                  <li>
                    <a href="/html/web/news/companyNotice/2001092490859081729.html" title="关于开放式基金通信系统2025年12月20日全网测试的通知">
                      <div>
                        <span>关于开放式基金通信系统2025年12月20日全网测试的通知</span>
                        <img class="list-img" data-date="2025-12-17" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-17</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/companyNotice/2000375018816237569.html" title="关于组织开展2025年金融数据交换平台银证业务压力测试的通知">
                      <div>
                        <span>关于组织开展2025年金融数据交换平台银证业务压力测试的通知</span>
                        <img class="list-img" data-date="2025-12-15" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-15</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/companyNotice/2000391698455949313.html" title="关于开放式基金通信系统2025年12月6日全网测试的通知">
                      <div>
                        <span>关于开放式基金通信系统2025年12月6日全网测试的通知</span>
                        <img class="list-img" data-date="2025-12-04" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-04</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/companyNotice/2000391496835756034.html" title="关于2025年12月6日开展金融数据交换平台全网测试的通知">
                      <div>
                        <span>关于2025年12月6日开展金融数据交换平台全网测试的通知</span>
                        <img class="list-img" data-date="2025-12-01" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-01</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/companyNotice/2000390996631449601.html" title="关于2025年11月29日开展金融数据交换平台全网测试的通知">
                      <div>
                        <span>关于2025年11月29日开展金融数据交换平台全网测试的通知</span>
                        <img class="list-img" data-date="2025-11-24" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-11-24</span>
                    </a>
                  </li>
              </ol>
              <ol class="lists animate__animated animate__fadeIn" v-show="activeId=='1943477570660835329'">
                  <li>
                    <a href="/html/web/news/caigou01/2001910978024534018.html" title="关于“香港法律咨询服务采购项目”成交结果的公示">
                      <div>
                        <span>关于“香港法律咨询服务采购项目”成交结果的公示</span>
                        <img class="list-img" data-date="2025-12-19" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-19</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/caigou01/2000392635740286978.html" title="关于“智域AD安全管理系统原厂维保服务采购项目”成交结果的公示">
                      <div>
                        <span>关于“智域AD安全管理系统原厂维保服务采购项目”成交结果的公示</span>
                        <img class="list-img" data-date="2025-12-03" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-03</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/caigou01/2000392507205840897.html" title="关于“内部管理提升培训服务采购项目”成交结果的公示">
                      <div>
                        <span>关于“内部管理提升培训服务采购项目”成交结果的公示</span>
                        <img class="list-img" data-date="2025-11-26" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-11-26</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/caigou01/2000392356139593729.html" title="关于“数字化转型与数据治理培训服务采购项目”成交结果的公示">
                      <div>
                        <span>关于“数字化转型与数据治理培训服务采购项目”成交结果的公示</span>
                        <img class="list-img" data-date="2025-11-20" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-11-20</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/caigou01/2000392194142990337.html" title="关于“互联网法院电子存证服务采购项目”成交结果的公示">
                      <div>
                        <span>关于“互联网法院电子存证服务采购项目”成交结果的公示</span>
                        <img class="list-img" data-date="2025-11-17" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-11-17</span>
                    </a>
                  </li>
              </ol>
              <ol class="lists animate__animated animate__fadeIn" v-show="activeId=='1997842830228901889'">
                  <li>
                    <a href="/html/web/news/serviceInform/2000390565956120578.html" title="关于2025年12月27日南方信息技术中心非信创交易托管网下线的通知">
                      <div>
                        <span>关于2025年12月27日南方信息技术中心非信创交易托管网下线的通知</span>
                        <img class="list-img" data-date="2025-12-03" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-12-03</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/serviceInform/2000390394396504066.html" title="关于金融数据交换平台2025年11月29日证书更新的通知">
                      <div>
                        <span>关于金融数据交换平台2025年11月29日证书更新的通知</span>
                        <img class="list-img" data-date="2025-11-20" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-11-20</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/serviceInform/2000384155314778114.html" title="关于双向卫星通信系统下线的通知">
                      <div>
                        <span>关于双向卫星通信系统下线的通知</span>
                        <img class="list-img" data-date="2025-11-13" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-11-13</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/serviceInform/1980918584739287041.html" title="关于台风“桦加沙”影响客服热线服务的通知">
                      <div>
                        <span>关于台风“桦加沙”影响客服热线服务的通知</span>
                        <img class="list-img" data-date="2025-09-24" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-09-24</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/serviceInform/1980918297383325697.html" title="关于应对台风“桦加沙”极端天气做好运行保障工作的通知">
                      <div>
                        <span>关于应对台风“桦加沙”极端天气做好运行保障工作的通知</span>
                        <img class="list-img" data-date="2025-09-22" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-09-22</span>
                    </a>
                  </li>
              </ol>
              <ol class="lists animate__animated animate__fadeIn" v-show="activeId=='1997842997350944769'">
                  <li>
                    <a href="/html/web/news/feeInform/1980916884821430273.html" title="关于减免北京市场交易通信相关费用的通知">
                      <div>
                        <span>关于减免北京市场交易通信相关费用的通知</span>
                        <img class="list-img" data-date="2025-07-11" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2025-07-11</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/feeInform/1980914020497674241.html" title="关于减免2025年度相关费用的通知">
                      <div>
                        <span>关于减免2025年度相关费用的通知</span>
                        <img class="list-img" data-date="2024-12-27" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2024-12-27</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/feeInform/1980902971878854657.html" title="关于减免北京市场交易通信服务相关费用的通知">
                      <div>
                        <span>关于减免北京市场交易通信服务相关费用的通知</span>
                        <img class="list-img" data-date="2024-01-15" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2024-01-15</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/feeInform/1980902653703147521.html" title="关于减免2024年度深市交易通信服务相关费用的通知">
                      <div>
                        <span>关于减免2024年度深市交易通信服务相关费用的通知</span>
                        <img class="list-img" data-date="2023-12-29" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2023-12-29</span>
                    </a>
                  </li>
                  <li>
                    <a href="/html/web/news/feeInform/1980888369543696386.html" title="关于减免2023年度相关费用的通知">
                      <div>
                        <span>关于减免2023年度相关费用的通知</span>
                        <img class="list-img" data-date="2022-12-23" src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                      </div>
                      <span>2022-12-23</span>
                    </a>
                  </li>
              </ol>
            </div>
          <div class="list-box wow animate__animated animate__bounceInRight">
            <div class="list-box-title">
              <div>行业动态</div>
              <div class="view-more">
                <a href="/html/web/newsPage/industryDynamic/index.html"><span>更多</span><span class="arrow"></span></a>
              </div>
            </div>
            <ol class="lists">
                <li>
                  <a href="/html/web/newsPage/industryDynamic/1985180270010748930.html" title="中共中央关于制定国民经济和社会发展第十五个五年规划的建议（2025年10月23日中国共产党第二十届中央委员会第四次全体会议通过）">
                    <div>
                      <span>中共中央关于制定国民经济和社会发展第十五个五年规划的建议（2025年10月23日中国共产党第二十届中央委员会第四次全体会议通过）</span>
                      <img class="list-img lazy" data-date="2025-10-28" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                    </div>
                    <span>2025-10-28</span>
                  </a>
                </li>
                <li>
                  <a href="/html/web/newsPage/industryDynamic/1985180184694411265.html" title="发挥投融资综合改革牵引作用 推动“十五五”资本市场高质量发展——吴清主席在2025金融街论坛年会上的主题演讲">
                    <div>
                      <span>发挥投融资综合改革牵引作用 推动“十五五”资本市场高质量发展——吴清主席在2025金融街论坛年会上的主题演讲</span>
                      <img class="list-img lazy" data-date="2025-10-27" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                    </div>
                    <span>2025-10-27</span>
                  </a>
                </li>
                <li>
                  <a href="/html/web/newsPage/industryDynamic/1980823516124729346.html" title="工业和信息化部 国家标准化管理委员会印发《云计算综合标准化体系建设指南（2025版）》">
                    <div>
                      <span>工业和信息化部 国家标准化管理委员会印发《云计算综合标准化体系建设指南（2025版）》</span>
                      <img class="list-img lazy" data-date="2025-10-09" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                    </div>
                    <span>2025-10-09</span>
                  </a>
                </li>
                <li>
                  <a href="/html/web/newsPage/industryDynamic/1980822993816440834.html" title="“十四五”时期我国经济社会发展 取得新的重大成就">
                    <div>
                      <span>“十四五”时期我国经济社会发展 取得新的重大成就</span>
                      <img class="list-img lazy" data-date="2025-10-01" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                    </div>
                    <span>2025-10-01</span>
                  </a>
                </li>
                <li>
                  <a href="/html/web/newsPage/industryDynamic/1980822829223563265.html" title="综合实力更加雄厚 服务质效显著提升 ——国新办发布会聚焦“十四五”时期金融业发展成就">
                    <div>
                      <span>综合实力更加雄厚 服务质效显著提升 ——国新办发布会聚焦“十四五”时期金融业发展成就</span>
                      <img class="list-img lazy" data-date="2025-09-22" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                    </div>
                    <span>2025-09-22</span>
                  </a>
                </li>
                <li>
                  <a href="/html/web/newsPage/industryDynamic/1980821113799364609.html" title="吴清主席在国新办新闻发布会上答记者问">
                    <div>
                      <span>吴清主席在国新办新闻发布会上答记者问</span>
                      <img class="list-img lazy" data-date="2025-09-22" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/>
                    </div>
                    <span>2025-09-22</span>
                  </a>
                </li>
            </ol>
          </div>
        </div>
      </div>
      <!-- 通知公告、行业动态 end -->
    </div>
    <div class="show-H5">
      <!--轮播图-->
        <!-- 取首页下，第6个（轮播图）数据 -->
        <!-- 取首页下，第6个（轮播图）数据 -->
        <!-- 取首页下，第6个（轮播图）数据 -->
        <!-- 取首页下，第6个（轮播图）数据 -->
        <!-- 取首页下，第6个（轮播图）数据 -->
        <!-- 取首页下，第6个（轮播图）数据 -->
<div class="swiper-banner common-dialog-hidden" :style="{display:commonShow?'block':'none'}">
    <swiper ref="mySwiper" :options="swiperOptions">
            <swiper-slide :style="{dispaly:commonShow?'block':'none'}">
        <a>
          <img class="lazy" data-src="/upload/1/cms/content/1765267158087.png" />
          <div class="swiper-img-title"></div>
        </a>
      </swiper-slide>
      <swiper-slide :style="{dispaly:commonShow?'block':'none'}">
        <a>
          <img class="lazy" data-src="/upload/1/cms/content/1765332118512.png" />
          <div class="swiper-img-title"></div>
        </a>
      </swiper-slide>
      <swiper-slide :style="{dispaly:commonShow?'block':'none'}">
        <a>
          <img class="lazy" data-src="/upload/1/cms/content/1765523850179.png" />
          <div class="swiper-img-title"></div>
        </a>
      </swiper-slide>
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
</div>      <!--轮播图end-->
      <!-- 业务介绍 -->
      <div class="anim anim-1">
        <div class="section-title pd15">业务介绍</div>
        <div class="ywjs pd15">
            <!-- 上 -->
            <div class="card-top mb10">
                <a href="/html/web/product/tradeSettlement/index.html">
                  <div class="card">
                    <img data-src="/upload/1/cms/category/1765161692224.jpg" alt="交易结算通信业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">交易结算通信业务</h3>
                    </div>
                  </div>
                </a>
                <a href="/html/web/product/dataCenter/index.html">
                  <div class="card">
                    <img data-src="/upload/1/cms/category/1765161638124.jpg" alt="数据中心业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">数据中心业务</h3>
                    </div>
                  </div>
                </a>
            </div>
            <!-- 中 -->
            <!-- <div class="card-bottom mb10">
                <a href="/html/web/product/dataCenter/index.html">
                  <div class="card">
                    <img data-src="/template/1/default/static/images/index/1919942764060844033.png" alt="数据中心业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">数据中心业务</h3>
                    </div>
                  </div>
                </a>
            </div> -->
            <div class="card-top mb10">
                <a href="/html/web/product/fdep/index.html">
                  <div class="card">
                    <img data-src="/upload/1/cms/category/1765161475625.jpg" alt="金融数据交换业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">金融数据交换业务</h3>
                    </div>
                  </div>
                </a>
                <a href="/html/web/product/ssccCloud/index.html">
                  <div class="card">
                    <img data-src="/upload/1/cms/category/1753411241527.jpg" alt="深证云业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">深证云业务</h3>
                    </div>
                  </div>
                </a>
            </div>
            <!-- 下 -->
            <div class="card-top">
                <a href="/html/web/product/crossBorder/index.html">
                  <div class="card">
                    <img data-src="/upload/1/cms/category/1765161341148.jpg" alt="跨境业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">跨境业务</h3>
                    </div>
                  </div>
                </a>
                <a href="/html/web/product/fintech/index.html">
                  <div class="card">
                    <img data-src="/upload/1/cms/category/1765161425701.jpg" alt="金融科技创新业务" class="card-img lazy">
                    <div class="card-content">
                        <h3 class="card-title">金融科技创新业务</h3>
                    </div>
                  </div>
                </a>
            </div>
        </div>
      </div>
      <!-- 业务介绍end -->
      <!-- 公司新闻 -->
      <div>
        <a class="section-title pd15 anim anim-1" href="/html/web/newsPage/companyNews/index.html">
          公司新闻
          <div class="view-more"><span class="arrow"></span></div>
        </a>
        <div class="pd15">
          <div class="company-news-h5">
            <!-- 图 -->
            <div class="anim anim-1">
              <a href="/html/web/newsPage/companyNews/1979017223433015298.html">
              <div class="news-img"><img class="lazy" data-src="/upload/1/cms/content/1760670077348.jpg" alt=""/></div>
              </a>
            </div>
            <!-- 列表 -->
            <div class="anim anim-1">
              <div class="company-news-list">
                <a href="/html/web/newsPage/companyNews/1979017223433015298.html">
                <div class="news-list-title">深港合作再添新篇 香港综合基金平台面向市场提供核心服务</div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-07-04</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/companyNews/1980882004653821953.html">
                <div class="news-list-title">港交所行情服务加速落地 深证通携手行业机构助力深港资本市场互联互通</div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-06-30</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/companyNews/1980887282635952129.html">
                <div class="news-list-title">中国证券期货业南方信息技术中心二期项目数据中心正式投产</div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-01-06</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/companyNews/1980887716599615489.html">
                <div class="news-list-title">中国证券期货业区块链联盟2024年第四季度交流会在深举办</div>
                <div class="news-list-desc">
                  <div class="news-list-time">2024-11-22</div>
                </div>
              </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 公司新闻end -->
      
      <!-- 通知公告 -->
      <div>
        <a class="section-title pd15 anim anim-1" href="/html/web/news/companyNotice/index.html">
          通知公告
          <div class="view-more"><span class="arrow"></span></div>
        </a>
        <div class="pd15">
          <div class="company-news-h5 anim anim-1">
            <el-tabs v-model="activeId" class="product-tabs">
              <el-tab-pane label="测试通知" name="1943477324723625985"></el-tab-pane>
              <el-tab-pane label="服务保障通知" name="1997842830228901889"></el-tab-pane>
              <el-tab-pane label="业务公告" name="1997842997350944769"></el-tab-pane>
              <el-tab-pane label="采购信息" name="1943477570660835329"></el-tab-pane>
            </el-tabs>
            <!-- 列表 -->
            <div class="anim anim-1">
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477324723625985'">
                <a href="/html/web/news/companyNotice/2001092490859081729.html">
                <div class="news-list-title">        关于开放式基金通信系统2025年12月20日全网测试的通知
<img class="list-img lazy" data-date="2025-12-17" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-17</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477324723625985'">
                <a href="/html/web/news/companyNotice/2000375018816237569.html">
                <div class="news-list-title">        关于组织开展2025年金融数据交换平台银证业务压力测试的通知
<img class="list-img lazy" data-date="2025-12-15" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-15</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477324723625985'">
                <a href="/html/web/news/companyNotice/2000391698455949313.html">
                <div class="news-list-title">        关于开放式基金通信系统2025年12月6日全网测试的通知
<img class="list-img lazy" data-date="2025-12-04" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-04</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477324723625985'">
                <a href="/html/web/news/companyNotice/2000391496835756034.html">
                <div class="news-list-title">        关于2025年12月6日开展金融数据交换平台全网测试的通知
<img class="list-img lazy" data-date="2025-12-01" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-01</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477324723625985'">
                <a href="/html/web/news/companyNotice/2000390996631449601.html">
                <div class="news-list-title">        关于2025年11月29日开展金融数据交换平台全网测试的通知
<img class="list-img lazy" data-date="2025-11-24" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-11-24</div>
                </div>
              </a>
              </div>
            </div>
            <!-- 列表 -->
            <div class="anim anim-1">
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477570660835329'">
                <a href="/html/web/news/caigou01/2001910978024534018.html">
                <div class="news-list-title">        关于“香港法律咨询服务采购项目”成交结果的公示
<img class="list-img lazy" data-date="2025-12-19" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-19</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477570660835329'">
                <a href="/html/web/news/caigou01/2000392635740286978.html">
                <div class="news-list-title">        关于“智域AD安全管理系统原厂维保服务采购项目”成交结果的公示
<img class="list-img lazy" data-date="2025-12-03" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-03</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477570660835329'">
                <a href="/html/web/news/caigou01/2000392507205840897.html">
                <div class="news-list-title">        关于“内部管理提升培训服务采购项目”成交结果的公示
<img class="list-img lazy" data-date="2025-11-26" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-11-26</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477570660835329'">
                <a href="/html/web/news/caigou01/2000392356139593729.html">
                <div class="news-list-title">        关于“数字化转型与数据治理培训服务采购项目”成交结果的公示
<img class="list-img lazy" data-date="2025-11-20" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-11-20</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1943477570660835329'">
                <a href="/html/web/news/caigou01/2000392194142990337.html">
                <div class="news-list-title">        关于“互联网法院电子存证服务采购项目”成交结果的公示
<img class="list-img lazy" data-date="2025-11-17" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-11-17</div>
                </div>
              </a>
              </div>
            </div>
            <!-- 列表 -->
            <div class="anim anim-1">
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842830228901889'">
                <a href="/html/web/news/serviceInform/2000390565956120578.html">
                <div class="news-list-title">        关于2025年12月27日南方信息技术中心非信创交易托管网下线的通...
<img class="list-img lazy" data-date="2025-12-03" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-12-03</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842830228901889'">
                <a href="/html/web/news/serviceInform/2000390394396504066.html">
                <div class="news-list-title">        关于金融数据交换平台2025年11月29日证书更新的通知
<img class="list-img lazy" data-date="2025-11-20" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-11-20</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842830228901889'">
                <a href="/html/web/news/serviceInform/2000384155314778114.html">
                <div class="news-list-title">        关于双向卫星通信系统下线的通知
<img class="list-img lazy" data-date="2025-11-13" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-11-13</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842830228901889'">
                <a href="/html/web/news/serviceInform/1980918584739287041.html">
                <div class="news-list-title">        关于台风“桦加沙”影响客服热线服务的通知
<img class="list-img lazy" data-date="2025-09-24" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-09-24</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842830228901889'">
                <a href="/html/web/news/serviceInform/1980918297383325697.html">
                <div class="news-list-title">        关于应对台风“桦加沙”极端天气做好运行保障工作的通知
<img class="list-img lazy" data-date="2025-09-22" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-09-22</div>
                </div>
              </a>
              </div>
            </div>
            <!-- 列表 -->
            <div class="anim anim-1">
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842997350944769'">
                <a href="/html/web/news/feeInform/1980916884821430273.html">
                <div class="news-list-title">        关于减免北京市场交易通信相关费用的通知
<img class="list-img lazy" data-date="2025-07-11" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-07-11</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842997350944769'">
                <a href="/html/web/news/feeInform/1980914020497674241.html">
                <div class="news-list-title">        关于减免2025年度相关费用的通知
<img class="list-img lazy" data-date="2024-12-27" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2024-12-27</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842997350944769'">
                <a href="/html/web/news/feeInform/1980902971878854657.html">
                <div class="news-list-title">        关于减免北京市场交易通信服务相关费用的通知
<img class="list-img lazy" data-date="2024-01-15" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2024-01-15</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842997350944769'">
                <a href="/html/web/news/feeInform/1980902653703147521.html">
                <div class="news-list-title">        关于减免2024年度深市交易通信服务相关费用的通知
<img class="list-img lazy" data-date="2023-12-29" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2023-12-29</div>
                </div>
              </a>
              </div>
              <div class="company-news-list animate__animated animate__fadeIn"  v-show="activeId=='1997842997350944769'">
                <a href="/html/web/news/feeInform/1980888369543696386.html">
                <div class="news-list-title">        关于减免2023年度相关费用的通知
<img class="list-img lazy" data-date="2022-12-23" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2022-12-23</div>
                </div>
              </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 通知公告end -->
      <!-- 行业动态 -->
      <div>
        <a class="section-title pd15 anim anim-1" href="/html/web/newsPage/industryDynamic/index.html">
          行业动态
          <div class="view-more"><span class="arrow"></span></div>
        </a>
        <div class="pd15">
          <div class="company-news-h5 pd15 anim anim-1">
            <!-- 列表 -->
            <div class="anim anim-1">
              <div class="company-news-list">
                <a href="/html/web/newsPage/industryDynamic/1985180270010748930.html">
                <div class="news-list-title">        中共中央关于制定国民经济和社会发展第十五个五年规划的建议（2025...
<img class="list-img lazy" data-date="2025-10-28" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-10-28</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/industryDynamic/1985180184694411265.html">
                <div class="news-list-title">        发挥投融资综合改革牵引作用 推动“十五五”资本市场高质量发展——吴...
<img class="list-img lazy" data-date="2025-10-27" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-10-27</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/industryDynamic/1980823516124729346.html">
                <div class="news-list-title">        工业和信息化部 国家标准化管理委员会印发《云计算综合标准化体系建设...
<img class="list-img lazy" data-date="2025-10-09" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-10-09</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/industryDynamic/1980822993816440834.html">
                <div class="news-list-title">        “十四五”时期我国经济社会发展 取得新的重大成就
<img class="list-img lazy" data-date="2025-10-01" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-10-01</div>
                </div>
              </a>
              </div>
              <div class="company-news-list">
                <a href="/html/web/newsPage/industryDynamic/1980822829223563265.html">
                <div class="news-list-title">        综合实力更加雄厚 服务质效显著提升 ——国新办发布会聚焦“十四五”...
<img class="list-img lazy" data-date="2025-09-22" data-src="/template/1/default/static/images/icon/newIcon.svg" alt=""/></div>
                <div class="news-list-desc">
                  <div class="news-list-time">2025-09-22</div>
                </div>
              </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 行业动态end -->
    </div>
    <!-- 荣誉资质 -->
    <div>
        <!-- 取首页下，第3个（荣誉资质）数据 -->
        <!-- 取首页下，第3个（荣誉资质）数据 -->
        <!-- 取首页下，第3个（荣誉资质）数据 -->
<div class="pualification">
    <div class="pualification-content common-width1320">
      <div class="section-title anim anim-1">荣誉资质</div>
      <div class="pualification-center anim anim-1">
        <swiper ref="swiperRef3" :options="swiperOptions3" @mouseenter.native="swiperMouseEnter" @mouseleave.native="swiperMouseLeave">
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009441462.png" />
                </div>
                <p class="img-title">M&O认证</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009460215.png" />
                </div>
                <p class="img-title">数据中心科学技术奖</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1765362380500.png" />
                </div>
                <p class="img-title">CMMi5</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009494773.png" />
                </div>
                <p class="img-title">ISO20000认证</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009517934.png" />
                </div>
                <p class="img-title">ISO9000认证</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009532557.png" />
                </div>
                <p class="img-title">ISO27001认证</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009548943.png" />
                </div>
                <p class="img-title">CQC增强(A级)</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009566167.png" />
                </div>
                <p class="img-title">国家高新技术企业</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1761009843644.png" />
                </div>
                <p class="img-title">国家重点软件企业</p>
            </swiper-slide>
            <swiper-slide>
                <div class="img-box">
                  <img class="lazy" data-src="/upload/1/cms/content/1765441940092.png" />
                </div>
                <p class="img-title">TMMi4</p>
            </swiper-slide>
          <div class="swiper-pagination" slot="pagination"></div>
        </swiper>
      </div>
    </div>
</div>          <!-- 取首页下，第3个（荣誉资质）数据 -->
        <!-- 取首页下，第3个（荣誉资质）数据 -->
        <!-- 取首页下，第3个（荣誉资质）数据 -->
    </div>
    <!-- 荣誉资质 end -->
</div>
<style>
  .company-news-bg{
    background: url(/template/1/default/static/images/index/company-news-bg.png);
  }
  .index{
    padding-top: 194px;
  }
  .jump-cards01 .jump-card{
    background-image: url(/template/1/default/static/images/index/jump-card-bg.png);
    background-position: right;
  }
@media  screen and (max-width: 1279px) {
  .index{
    background: #F8F8FA;
    padding-bottom: 24px;
    padding-top: 0;
  }
  .swiper-banner{
    height: calc(100vw * 0.45);
  }
  .swiper-banner .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-banner .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 8%;
  }
  .section-title{
    color: #000000;
    font-family: PingFang SC;
    font-size: 18px;
    line-height: 18px;
    margin-top: 24px;
    margin-bottom: 12px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .show-H5 .ywjs .card{
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 6px;
  }
  .ywjs .card .card-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ywjs .card .card-content {
    color: #FFFFFF;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.898);
    font-family: PingFang SC;
    font-size: 16px;
  }
  .ywjs .card-bottom .card .card-content{
    justify-content: flex-start;
    padding-left: 12%;
  }
  .show-H5 .ywjs .card img.card-img{
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    vertical-align: bottom;
  }
  .show-H5 .ywjs .card-top{
    display: flex;
    justify-content: space-between;
  }
  .show-H5 .ywjs .card-bottom{
  }
  .ywjs .card-top a{
    width: 48.4%;
  }
  .ywjs .card-bottom a{
    width: 100%;
  }

  .company-news-h5{
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px #D4DCE24C;
    box-sizing: border-box;
    padding: 12px;
  }
  .company-news-h5 .news-img img {
    border-radius: 4px;
    width: 100%;
  }
  .company-news-h5 .company-news-list{
    border-bottom: 1px solid #ECECEC;
    padding: 10px 0;
  }
  .company-news-h5 .company-news-list:first-child{
    padding-top: 0;
  }
  .company-news-h5 .company-news-list:last-child{
    border-bottom: none;
    padding-bottom: 0;
  }
  .company-news-h5 .news-list-title{
    color: #000000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .company-news-h5 .news-list-title2{
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;

  }
  .company-news-h5 .news-list-desc,
  .company-news-h5 .news-list-time{
    color: #8393a2cc;
    font-size: 13px;
    /* line-height: 26px; */
    margin-top: 6px;
  }

  .pualification{
    height: auto;
    padding-top: 0;
    padding: 0 15px;
    background-color: transparent;
  }
  .pualification-center{
    padding: 18px 0;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px #d4dce24c;
  }
  .pualification .img-title{
    display: none;
  }
  .view-more{
    padding-right: 10px;
  }
  .company-news-h5 .product-tabs {
    margin-bottom: 10px;
  }
  .company-news-h5 .product-tabs .el-tabs__item{
    color: #999999;
    padding: 0 10px !important;
  }
  .company-news-h5 .product-tabs .el-tabs__item.is-active{
    color: #0060C5;
  }
  .company-news-h5 .product-tabs .el-tabs__nav-wrap::after{
    height: 1px;
    bottom: 1px;
    background-color: #D8D8D8;
  }
}
</style>
<script>
  // 通知公告 行业动态 显示'新'
  $(document).ready(function(){
      $('img.list-img').each(function(){
        var dateStr = $(this).data('date');
        var currentDate = new Date().getTime();// 当前时间
        var targetDate = new Date(dateStr).getTime();// 文章时间
        var threeDateInMs = 3*24*60*60*1000;// 3天
        var timeDiff = Math.abs(currentDate - targetDate)
        if(timeDiff <= threeDateInMs){
          $(this).show();
        }else{
          $(this).hide();
        }
      })
    })
</script>
<script>
   document.title = '深圳证券通信有限公司-首页'
    new Vue({
      el: '#app',
      mixins:[commonCtr],
      data:function() {
        return {
          // 通知公告下第一个id
          activeId:'1943477324723625985'
        }
      },
      methods: {
        newIconShow:function(field){
          console.log('field',field);
          // 3天内发布的文章，展示"新"
          if(isNaN(new Date(field).getTime())){
            return false
          }
          var currentDate = new Date().getTime();// 当前时间
          var targetDate = new Date(field).getTime();// 文章时间
          var threeDateInMs = 3*24*60*60*1000;// 3天
          var timeDiff = Math.abs(currentDate - targetDate)
          return timeDiff <= threeDateInMs
        },
        tagClick:function(id){
          this.activeId=id
        }
      }
    })
</script>
<!--尾部-->
<!-- footer -->
<div class="contact-us" id="appFooter">
    <div class="contact-us-content common-width1320">
      <div class="footer-links-h5 show-H5">
        <!-- H5-相关链接 -->
        <el-select v-model="relatedLinks" placeholder="相关链接" size="small">
                      <el-option style="text-align: center;" v-if="optionFilter.indexOf('中国证券监督管理委员会') == -1">
              <a style="display: block;" class="item menu item-other" href="http://www.csrc.gov.cn/pub/newsite/" target="_blank" >
                中国证券监督管理委员会
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('深圳证券交易所') == -1">
              <a style="display: block;" class="item menu item-other" href="http://www.szse.cn/" target="_blank" >
                深圳证券交易所
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('北京证券交易所') == -1">
              <a style="display: block;" class="item menu item-other" href="https://www.bse.cn" target="_blank" >
                北京证券交易所
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('中国证券登记结算有限公司') == -1">
              <a style="display: block;" class="item menu item-other" href="http://www.chinaclear.cn/" target="_blank" >
                中国证券登记结算有限公司
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('证券期货业行业协会') == -1">
              <a style="display: block;" class="item menu item-other" href="http://www.cfachina.org/" target="_blank" >
                证券期货业行业协会
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('全国中小企业股份转让系统') == -1">
              <a style="display: block;" class="item menu item-other" href="http://www.neeq.com.cn/" target="_blank" >
                全国中小企业股份转让系统
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('深交所技术产品联盟') == -1">
              <a style="display: block;" class="item menu item-other" href="https://sipa.sscc.com/" target="_blank" >
                深交所技术产品联盟
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('中国证券期货业区块链联盟') == -1">
              <a style="display: block;" class="item menu item-other" href="http://sipa.sscc.com/index.html#/ecologyIndex/blockchain" target="_blank" >
                中国证券期货业区块链联盟
              </a>
            </el-option>
            <el-option style="text-align: center;" v-if="optionFilter.indexOf('深圳证券信息有限公司') == -1">
              <a style="display: block;" class="item menu item-other" href="http://www.szsi.cn" target="_blank" >
                深圳证券信息有限公司
              </a>
            </el-option>
        </el-select>
      </div>
      <div class="contact-us-top">
        <!-- 电话邮箱 -->
        <div class="conotact-info">
          <div>
            <img data-src="/template/1/default/static/images/icon/phone-icon.png" class="conotact-img lazy">
            <div class="conotact-test">
              <div>客服热线</div>
              <p class="show-PC">0755-8318 3333</p>
              <p class="show-H5"><a class="tooltip-text" href="tel:0755-83183333">0755-8318 3333</a></p>
            </div>
          </div>
          <div>
            <img data-src="/template/1/default/static/images/icon/email-icon.png" class="conotact-img lazy">
            <div class="conotact-test">
              <div>客服邮箱</div>
              <p>sscc_service@szse.cn</p>
            </div>
          </div>
          <div>
            <img data-src="/template/1/default/static/images/icon/email-icon.png" class="conotact-img lazy">
            <div class="conotact-test">
              <div>廉洁监督</div>
              <p>sscc_lianzheng@szse.cn</p>
            </div>
          </div>
        </div>
        <div class="footer-line show-PC"></div>
        <!-- 导航列表 -->
        <div class="show-PC">
<div class="footer-menu" id="footerMenuNav">
  <ul class="footer-menu-nav-list clearfix">
          <li class="footer-menu-nav-list-item fl nav-is-noactive">  
                <a class="item menu" href="/html/web/partybuild/index.html" >
                  党的建设
              </a>
            <!-- <a class="item menu" href="partybuild/index.html" >
              党的建设
            </a> -->
            <ul class="second-menu">
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/partybuild/partySprit/index.html" target="_self">
                      中央精神
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/partybuild/kycp/index.html" target="_self">
                      党政要闻
                    </a>
                </li>
            </ul>
          </li>
          <li class="footer-menu-nav-list-item fl nav-is-noactive">  
                <a class="item menu" href="/html/web/news/companyNotice/index.html" >
                通知公告
              </a>
            <!-- <a class="item menu" href="news/index.html" >
              通知公告
            </a> -->
            <ul class="second-menu">
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/news/companyNotice/index.html" target="_self">
                      测试通知
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/news/serviceInform/index.html" target="_self">
                      服务保障通知
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/news/feeInform/index.html" target="_self">
                      业务公告
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/news/caigou01/index.html" target="_self">
                      采购信息
                    </a>
                </li>
            </ul>
          </li>
          <li class="footer-menu-nav-list-item fl nav-is-noactive">  
                <a class="item menu" href="/html/web/newsPage/industryDynamic/index.html" >
                新闻资讯
              </a>
            <!-- <a class="item menu" href="newsPage/index.html" >
              新闻资讯
            </a> -->
            <ul class="second-menu">
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/newsPage/industryDynamic/index.html" target="_self">
                      行业动态
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/newsPage/companyNews/index.html" target="_self">
                      公司新闻
                    </a>
                </li>
            </ul>
          </li>
          <li class="footer-menu-nav-list-item fl nav-is-noactive">  
                <a class="item menu" href="/html/web/product/tradeSettlement/index.html" >
                业务介绍
              </a>
            <!-- <a class="item menu" href="product/index.html" >
              业务介绍
            </a> -->
            <ul class="second-menu">
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/product/tradeSettlement/index.html" target="_self">
                      交易结算通信业务
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/product/dataCenter/index.html" target="_self">
                      数据中心业务
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/product/fdep/index.html" target="_self">
                      金融数据交换业务
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/product/ssccCloud/index.html" target="_self">
                      深证云业务
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/product/crossBorder/index.html" target="_self">
                      跨境业务
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/product/fintech/index.html" target="_self">
                      金融科技创新业务
                    </a>
                </li>
            </ul>
          </li>
          <li class="footer-menu-nav-list-item fl nav-is-noactive">  
                <a class="item menu" href="/html/web/aboutUs/gongsigaikuang/index.html" >
                关于我们
              </a>
            <!-- <a class="item menu" href="aboutUs/index.html" >
              关于我们
            </a> -->
            <ul class="second-menu">
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/aboutUs/gongsigaikuang/index.html" target="_self">
                      公司概况
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="https://sscc.zhiye.com/" target="_blank">
                      人才招聘
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="/html/web/aboutUs/contactUs/index.html" target="_self">
                      联系我们
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="https://wj.qq.com/s2/15093398/69bd/" target="_blank">
                      需求反馈
                    </a>
                </li>
                <li class="second-menu-item">
                    <a class="item menu item-other" href="https://sscc.baklib.vip" target="_blank">
                      帮助中心
                    </a>
                </li>
            </ul>
          </li>
  </ul>
</div>

<script>
    var app = new Vue({
        el: '#footerMenuNav',
        data:function(){
          return{
            
            }
        },
        created:function(){
          
        },
        mounted:function() {
          // 获取皮肤色值
          var changeSkinNavColor=window.localStorage.getItem("changeSkinNavColor");
          var changeSkinBrightColor=window.localStorage.getItem("changeSkinBrightColor");
          var type=changeSkinNavColor?"":"default";
          window.changeSkin(changeSkinNavColor,changeSkinBrightColor,type);
        },
        methods: {

        },
    })
</script>        </div>
        <div class="footer-line show-PC"></div>
        <!-- 相关链接 -->
        <div class="show-PC">
          <div class="footer-menu">
            <ul class="footer-menu-nav-list clearfix">
                  <li class="footer-menu-nav-list-item fl nav-is-noactive">  
                    <div class="item menu conotact-test" >
                      <div>相关链接</div>
                    </div>
                    <ul class="second-menu">
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://www.csrc.gov.cn/pub/newsite/" target="_blank" >
                              中国证券监督管理委员会
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://www.szse.cn/" target="_blank" >
                              深圳证券交易所
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="https://www.bse.cn" target="_blank" >
                              北京证券交易所
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://www.chinaclear.cn/" target="_blank" >
                              中国证券登记结算有限公司
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://www.cfachina.org/" target="_blank" >
                              证券期货业行业协会
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://www.neeq.com.cn/" target="_blank" >
                              全国中小企业股份转让系统
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="https://sipa.sscc.com/" target="_blank" >
                              深交所技术产品联盟
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://sipa.sscc.com/index.html#/ecologyIndex/blockchain" target="_blank" >
                              中国证券期货业区块链联盟
                            </a>
                        </li>
                        <li class="second-menu-item second-menu-item2">
                            <a class="item menu item-other" href="http://www.szsi.cn" target="_blank" >
                              深圳证券信息有限公司
                            </a>
                        </li>
                    </ul>
                  </li>
            </ul>
          </div>
        </div>
        <div class="footer-line show-PC"></div>
        <!-- 官网微信公众号 -->
        <div>
          <div class="contact-us-top-right">
            <div class="contact-us-qrcode">
                <img class="lazy" data-src="/upload/1/cms/content/1752651488690.png" />
                <div class="contact-us-qrcode-titel">深证通微信公众号</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 版权信息 -->
    <div class="contact-us-bottom">
      <div class="contact-us-flex common-width1320">
        <div>
    <p class="contact-us-bottom-text contact-us-bottom-text-a common-a">
        版权所有：深圳证券通信有限公司 备案编号：
        <a class="internet-content-provider" href="https://beian.miit.gov.cn" target="_blank">粤ICP备09098080号</a>
        Copyright Shenzhen Securities Communication Co.,Ltd.All Rights Reserved 本网站支持ipv6访问
    </p>
    <!--<p class="contact-us-bottom-text">
        建议使用IE11以上浏览器，1280*800以上分辨率 本网站支持ipv6访问
    </p>-->
</div>
        <div>
          <img data-src="/template/1/default/static/images/icon/btm01.png" class="btm-img lazy" style="margin-left:0;">
          <a href="http://www.sznet110.gov.cn/netalarm/index.jsp" target="_new"><img data-src="/template/1/default/static/images/icon/btm02.png" class="btm-img lazy"></a>
          <a href="http://www.sznet110.gov.cn/webrecord/innernet/Welcome.jsp?bano=4403201010119" target="_new"><img data-src="/template/1/default/static/images/icon/btm03.png" class="btm-img lazy"></a>
        </div>
      </div>
    </div>
</div>
<script>
   // 检测 iOS
   var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

    if (isIOS) {
          // 全局触摸事件处理
          document.addEventListener('touchend', function(e) {
          // 查找 el-select 下拉框中的链接
          var selectDropdown = document.querySelector('.el-select-dropdown');
          if (!selectDropdown || !selectDropdown.contains(e.target)) return;

          var link = e.target.closest('a');
          if (link && link.href) {
          e.preventDefault();
          e.stopPropagation();

          // 获取链接信息
          var href = link.href;
          var target = link.getAttribute('target');

          // 延迟跳转，确保下拉框关闭
          setTimeout(function()  {
          if (target === '_blank') {
          window.open(href);
          } else {
          window.location.href = href;
          }
          }, 100);
          }
          }, { passive: false });
    }

  var app = new Vue({
      el: '#appFooter',
      data:function(){
          return {
            relatedLinks:null,
            optionFilter:['深交所技术产品联盟','中国证券期货业区块链联盟','深圳证券信息有限公司']
          }
      },
      created:function(){},
      methods: {}
  });
</script>
<!-- footer end -->

<!-- 悬浮侧边栏 -->
<div class="floating-sidebar">
    <div class="capsule-item show-PC">
      <a href="https://wj.qq.com/s2/15093398/69bd/" target="_blank" class="sidebar-item">
          <div class="icon feedback-icon"></div>
          <div class="sidebar-tooltip">
              <div class="tooltip-title">意见反馈</div>
              <div class="tooltip-text">留下您的宝贵意见</div>
          </div>
      </a>
        <div class="sidebar-item">
            <div class="icon phone-icon"></div>
            <div class="sidebar-tooltip">
                <div class="tooltip-title">服务热线</div>
                <!-- <div class="tooltip-text">0755-83183333</div> -->
                <a class="tooltip-text" href="tel:0755-83183333">0755-83183333</a>
            </div>
        </div>

        <div class="sidebar-item">
            <div class="icon wechat-icon"></div>
            <div class="sidebar-tooltip">
                <div class="tooltip-title">微信客服</div>
                <!-- <div class="tooltip-text">example</div> -->
                <img data-src="/template/1/default//static/images/index/wchat-kf-biz.png" class="qr-code lazy"/>
            </div>
        </div>
    </div>
    <!-- https://biz.sscc.com/main.html#/downlist -->
    <a class="show-PC" href="https://biz.sscc.com/main.html#/downlist" target="_blank">
      <div class="sidebar-item">
          <div class="icon download-icon"></div>
          <div class="sidebar-tooltip">
                <div class="tooltip-title">下载专区</div>
                <div class="tooltip-text">文件下载中心</div>
          </div>
      </div>
    </a>
    <a class="show-PC" href="https://sscc.baklib.vip" target="_blank">
      <div class="sidebar-item">
          <div class="icon help-icon"></div>
          <div class="sidebar-tooltip">
              <div class="tooltip-title">帮助中心</div>
              <div class="tooltip-text">获取帮助指引</div>
          </div>
      </div>
    </a>

    <div class="sidebar-item sidebar-item2" style="cursor: pointer;">
        <div class="icon top-icon"></div>
        <!--<div class="sidebar-tooltip">
          回到顶部
        </div>-->
    </div>
</div>
<style>
  .floating-sidebar .feedback-icon {
    background-image: url(/template/1/default/static/images/icon/feedbackIcon.svg);
  }

  .floating-sidebar .sidebar-item:hover .feedback-icon{
    background-image: url(/template/1/default/static/images/icon/feedbackIconHover.svg);
  }

  .floating-sidebar .phone-icon {
    background-image: url(/template/1/default/static/images/icon/phoneIcon.svg);
  }
  .floating-sidebar .sidebar-item:hover .phone-icon{
    background-image: url(/template/1/default/static/images/icon/phoneIconHover.svg);
  }

  .floating-sidebar .wechat-icon {
    background-image: url(/template/1/default/static/images/icon/wechatIcon.svg);
  }
  .floating-sidebar .sidebar-item:hover .wechat-icon{
    background-image: url(/template/1/default/static/images/icon/wechatIconHover.svg);
  }

  .floating-sidebar .download-icon {
    background-image: url(/template/1/default/static/images/icon/downloadIcon.svg);
  }
  .floating-sidebar .sidebar-item:hover .download-icon{
    background-image: url(/template/1/default/static/images/icon/downloadIconHover.svg);
  }

  .floating-sidebar .help-icon {
    background-image: url(/template/1/default/static/images/icon/helpIcon.svg);
  }
  .floating-sidebar .sidebar-item:hover .help-icon{
    background-image: url(/template/1/default/static/images/icon/helpIconHover.svg);
  }

  .floating-sidebar .top-icon {
    background-image: url(/template/1/default/static/images/icon/topIcon.svg);
  }
  .floating-sidebar .sidebar-item:hover .top-icon{
    background-image: url(/template/1/default/static/images/icon/topIconHover.svg);
  }
  a.tooltip-text{
    color: #0060C5 !important;
  }
</style>
<script>
    $(document).ready(function () {
        // var $sidebar = $('.floating-sidebar');
        var $sidebar2 = $('.sidebar-item2');
        var windowHeight = (($(window).height())/2) - 100;
        var scrollTimeout;

        // 屏幕滑到超出一屏显示 侧边悬浮
        $(window).scroll(function () {
            clearTimeout(scrollTimeout);
            scrollTimeout = setTimeout(function () {
                if ($(this).scrollTop() > windowHeight) {
                    // $sidebar.addClass('sidebar-visible');
                    $sidebar2.addClass('sidebar-visible2');
                } else {
                    // $sidebar.removeClass('sidebar-visible');
                    $sidebar2.removeClass('sidebar-visible2');
                }
            }.bind(this), 100);
        });

        $('.sidebar-item:last').click(function () {
            $('html, body').animate({
                scrollTop: 0
            }, 500);
        });
        if ($(window).scrollTop() > windowHeight) {
            // $sidebar.addClass('sidebar-visible');
            $sidebar2.addClass('sidebar-visible2');
        }
    });
</script>
<!-- 悬浮侧边栏 end --><!--尾部end-->
</body>
</html>
